<div>
	<yu-panel title="数据源管理" v-loading="testloading">
		<yu-row :gutter="24">
			<yu-col :span="5">
				<yu-xtree ref="refTree" :height="height - 20" @node-click="nodeClickFn" :data-url="treeDataUrl" data-id="appCode" data-label="appName"
				 data-pid="parentId" :data-async="async" :data-params="param" data-root="0000" style="margin:10px 10px 0 0;" icon="iconPath">
				</yu-xtree>
			</yu-col>
			<yu-col :span="19">
				<yu-xform related-table-name="refTable" form-type="search" v-model="searchFormdata">
					<yu-xform-group :column="4">
						<yu-xform-item label="系统名称" placeholder="系统名称" ctype="input" name="appName" :disabled="appNameDisabled"></yu-xform-item>
						<yu-xform-item label="连接名称" placeholder="连接名称" ctype="input" name="className"></yu-xform-item>
						<yu-xform-item label="数据库类型" placeholder="数据库类型" ctype="select" name="dataType" data-code="RDB_TYPE"></yu-xform-item>
					</yu-xform-group>
				</yu-xform>
				<yu-toolBar>
					<yu-button @click="addFn" v-if="nodeLeaf&&addFnButton">新增</yu-button>
					<yu-button @click="modifyFn" v-if="updateFnButton">修改</yu-button>
					<yu-button @click="deleteFn" v-if="deleteFnButton">删除</yu-button>
				</yu-toolBar>
				<div ref="tableBox" style="overflow: auto;">	
					<yu-xtable :height="tbHeight" ref="refTable" row-number :data-url="dataUrl"  condition-key=""  :pageable="false" selection-type="radio">
						<yu-xtable-column label="系统名称" prop="appName" sortable v-if="appCodeShow"></yu-xtable-column>
						<yu-xtable-column label="连接名称" prop="className">
							<template slot-scope="scope">
								<a style="text-decoration:underline;color:#636CE4 " href="javascipt:void(0);" @click="viewFn(scope.row)">{{ scope.row.className }}</a>
							</template>
						</yu-xtable-column>
						<yu-xtable-column label="数据库类型" prop="dataType"></yu-xtable-column>
						<yu-xtable-column label="连接位置" prop="location"></yu-xtable-column>
					</yu-xtable>
				</div>
				<yu-xdialog :title="viewTitle" :visible.sync="dialogVisible" width="900px">
					<el-form-x label-width="110px" ref="refForm" :group-fields="databaseServerAllField" v-model="formdata" :buttons="saveButtons"
					 :disabled="formDisabled" />
				</yu-xdialog>
			</yu-col>
		</yu-row>
	</yu-panel>
</div>